<template>
  <div v-if="logoObj.homepageImg?true:false" class="img_box" :style="{'background-image': 'url('+logoObj.homepageImg+')', 'background-size': '100% 100% '}">
  </div>
  <div v-else class="img_box">
    <div class="head-text">
      POMP停车场运营管理平台
    </div>
  </div>
</template>
<script>
import { mapState } from "vuex";

export default {
  data() {
    return {};
  },
  computed: {
    ...mapState({
      logoObj: "logoObj"
    })
  }
};
</script>
<style lang="less" scoped>
.img_box {
  height: 100%;
  width: 100%;
  box-sizing: content-box;
  margin: 0;
  padding: 0;
}

.img_box {
  background-image: url(../assets/img/default.png);
  /*background-size: 50% 40%;*/
  background-repeat: no-repeat;
  background-position: 50% 55%;
}

.head-text {
  font-family: SimHei;
  font-size: bold;
  position: relative;
  top: 30%;
  font-size: 32px;
  color: #000000;
  letter-spacing: 0.87px;
  text-align: center;
  opacity: 0.5;
}
</style>
